<template>
    <div class="main">
      注册
      <!-- 子组件触发父组件中的事件 -->
      <button @click="$emit('myAlert')">触发父组件中的事件</button>
      <el-button>Default</el-button>
      <el-button type="primary">注册</el-button>
      <el-button type="success">Success</el-button>
      <el-button type="info">Info</el-button>
      <el-button type="warning">Warning</el-button>
      <el-button type="danger">删除</el-button>
  
      <el-radio-group v-model="radio1">
        <el-radio disabled value="1" size="large">Option 1</el-radio>
        <el-radio value="2" size="large">Option 2</el-radio>
      </el-radio-group>
    </div>
  </template>
  
  <script setup>
  import { ref } from 'vue'
  
  const radio1 = ref('1')
  
  </script>
  
  <style scoped>
  .main {
    width: 200px;
    height: 200px;
    border: 2px solid #999;
    border-radius: 10px;
    text-align: center;
    color: #333;
    padding: 10px;
    margin: 10px;
  }
  </style>